{include file="common/head"/}
<style>
    .layui-form-select dl{
        z-index: 9000;
    }
</style>
<div class="admin-main layui-anim layui-anim-upbit" ng-app="hd" ng-controller="ctrl">
    <fieldset class="layui-elem-field layui-field-title">
        <legend>{$title}</legend>
    </fieldset>
    <form class="layui-form layui-form-pane">
        <div class="layui-form-item">
            <label class="layui-form-label">所属栏目</label>
            <div class="layui-input-inline">
                <select name="type"  lay-filter="type" id="type">
                    <option value="">请选择栏目</option>
                    {volist name="news_type" id="vo"}
                    <option value="{$key}" {if $baseInfo.type == $key}selected{/if}>{$vo}</option>
                    {/volist}
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">所属品牌</label>
            <div class="layui-input-inline">
                <select name="brand_id" lay-verify="required" lay-filter="brnad_id">
                    <option value="">请选择品牌</option>
                    {volist name="brand" id="vo"}
                    <option value="{$vo.id}" {if $baseInfo.brand_id == $vo.id}selected{/if}>{$vo.title}</option>
                    {/volist}
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">所属分类</label>
            <div class="layui-input-inline">
                <select name="category1"  lay-filter="category1" id="category1">
                    <option value="">请选择一级分类</option>
                    {volist name="category1" id="vo"}
                    <option value="{$vo.id}" {if $baseInfo.category1==$vo.id}selected{/if}>{$vo.title}</option>
                    {/volist}
                </select>
                <select name="category2"  lay-filter="category2" id="category2">
                    <option value="">请选择二级分类</option>
                    {volist name="category2" id="vo"}
                    <option value="{$vo.id}" {if $baseInfo.category2==$vo.id}selected{/if}>{$vo.title}</option>
                    {/volist}
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">文章标题</label>
            <div class="layui-input-4">
                <input type="text" name="title" ng-model="field.title" lay-verify="required" placeholder="请输入标题" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">封面图片</label>
            <input type="hidden" name="pic" id="pic" lay-verify="required" value="{{field.pic}}">
            <div class="layui-input-block">
                <div class="layui-upload">
                    <button type="button" class="layui-btn layui-btn-primary" id="adBtn"><i class="icon icon-upload3"></i>点击上传</button>
                    <div class="layui-upload-list">
                        <img class="layui-upload-img" id="adPic">
                        <p id="demoText"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">讲解视频</label>
            <div class="layui-input-4">
                <input type="text" name="video" ng-model="field.video" placeholder="请输入视频地址" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">简要描述</label>
            <div class="layui-input-block">
                <textarea name="desc" id="desc" class="layui-textarea">{{field.desc}}</textarea>
            </div>
        </div>
        
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">正文内容</label>
            <div class="layui-input-block">
                <textarea name="content" id="content" class="layui-textarea">{{field.content}}</textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button type="button" class="layui-btn" lay-submit="" lay-filter="submit">{:lang('submit')}</button>
                <a href="{:url('lists')}" class="layui-btn layui-btn-primary">{:lang('back')}</a>
            </div>
        </div>
    </form>
</div>
{include file="common/foot"/}
<script src="/static/common/js/angular.min.js"></script>
<script src="/static/common/js/jquery.2.1.1.min.js"></script>
<script charset="utf-8" src="/static/ueditor/ueditor.config.js"></script>
<script charset="utf-8" src="/static/ueditor/ueditor.all.js"></script>
<script>
    var ue = UE.getEditor('content',{
        initialFrameWidth:1000,
        initialFrameHeight:500,
        autoHeightEnabled:false,
        // maximumWords:30000
    });
</script>
<script>
    var m = angular.module('hd',[]);
    m.controller('ctrl',['$scope',function($scope) {
        $scope.field = '{$info|raw}'!='null'?{$info|raw}:{id:'', title:''};
        layui.use(['form', 'layer','upload'], function () {
            var form = layui.form, $ = layui.jquery, upload = layui.upload;
            if($scope.field.pic){
                adPic.src = $scope.field.pic;
            }
            form.on('submit(submit)', function (data) {
                // 提交到方法 默认为本身
                data.field.id = $scope.field.id;
                data.field.content = ue.getContent();
                var loading = layer.load(1, {shade: [0.1, '#fff']});
                $.post("", data.field, function (res) {
                    layer.close(loading);
                    if (res.code > 0) {
                        layer.msg(res.msg, {time: 1800, icon: 1}, function () {
                            location.href = res.url;
                        });
                    } else {
                        layer.msg(res.msg, {time: 1800, icon: 2});
                    }
                });
            });

            form.on('select(brnad_id)', function (data) {
                var brandId = data.value;
                var s = '<option value="">请选择一级分类</option>';
                if (brandId == '') {
                    $("#category1").html(s);
                    form.render('select');
                } else {
                    $.ajax({
                        async: false,
                        type: "POST", //提交方式
                        url: "/avikcm/news_category/getCategoryByBrand",//路径
                        data: {
                            brand_id: brandId
                        },
                        success: function (result) {
                            if (result.code === 0) {
                                var list = result.data;
                                $.each(list, function (i, ss) {
                                    s = s + '<option value="' + ss.id + '">' + ss.title + '</option>';
                                });
                                $("#category1").html(s);
                                form.render('select');
                            }
                        }
                    });
                }
            });

            form.on('select(category1)', function (data) {
                var brandId = data.value;
                var s = '<option value="">请选择二级分类</option>';
                if (brandId == '') {
                    $("#category2").html(s);
                    form.render('select');
                } else {
                    $.ajax({
                        async: false,
                        type: "POST", //提交方式
                        url: "/avikcm/news_category/getSubCategory",//路径
                        data: {
                            brand_id: brandId
                        },
                        success: function (result) {
                            if (result.code === 0) {
                                var list = result.data;
                                $.each(list, function (i, ss) {
                                    s = s + '<option value="' + ss.id + '">' + ss.title + '</option>';
                                });
                                $("#category2").html(s);
                                form.render('select');
                            }
                        }
                    });
                }
            });


            //普通图片上传
            var uploadInst = upload.render({
                elem: '#adBtn'
                ,url: '{:url("UpFiles/upload")}'
                ,before: function(obj){
                    //预读本地文件示例，不支持ie8
                    obj.preview(function(index, file, result){
                        $('#adPic').attr('src', result); //图片链接（base64）
                    });
                },
                done: function(res){
                    if(res.code>0){
                        $('#pic').val(res.url);
                    }else{
                        //如果上传失败
                        return layer.msg('上传失败');
                    }
                }
                ,error: function(){
                    //演示失败状态，并实现重传
                    var demoText = $('#demoText');
                    demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
                    demoText.find('.demo-reload').on('click', function(){
                        uploadInst.upload();
                    });
                }
            });
        });
    }]);
</script>